@import '../common.less';

.formShowType1-container {
 .form-item {
  width: 200px;
  float: left;
  min-height: 330px;
  padding-bottom: 40px;
  .box-card {
    width: 100%;
    height: 250px;
    overflow: visible;
    .top {
      height: 180px;
      text-align: center;
      box-sizing: border-box;
      padding-top: 70px;
      margin-bottom: 20px;
      .edit {
        cursor: pointer;
        .icon-edit {
          font-size: 50px;
          color: @mainColor;
        }
      }
    }
    .bottom {
     height: 50px;
     line-height: 50px;
     border-top: 1px solid #e0e0e0;
     padding: 0 20px;
     .operate-set {
       float: right;
       position: relative;
       .operate-div {
          position: absolute;
          top: 70%;
          right: -40px;
          display: none;
        }
       &:hover {
        color: @mainColor;
        .operate-div {
          display: block;
        }
       }
     }
    }
    .clearfix:before,
    .clearfix:after {
      display: table;
      content: "";
    }
    .clearfix:after {
      clear: both
    }
    .iconfont.icon-set{
      cursor: pointer;
      float: right;
    }
  }
  .form-name {
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    .tags {
      color: #c29402;
      margin-right: 3px;
    }
  }
 }
}